<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./通用/头部标识.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./通用/底部导航.css">
    <style>
        html{font-size: 100px;}
		body{font-size: 16px;}
        *{font-size: 0.15rem;}
        #iot-div1-1{margin-bottom:10px}
    </style>
</head>
<body>
    <!-- 未登录界面 -->
    <!-- 头部标识 -->
    <div id="iot-div1">
		<div id="iot-div1-1">黑马优购</div>
    </div>
    <div id="iot-flexbox"></div>
    <!-- 登陆界面 -->
    <div style="text-align:center;margin-top: 30%;opacity: 0.3;"><i class="iconfont" style="font-size:800%;">&#xe6bc;</i></div>
    <div style="display:flex;justify-content: space-around;">
        <a href="./登录后.html" style="color: white;background-color:red;line-height: 300%;width:100%;text-align: center;border-radius: 50px;"><div id="iot-onload">一键登录</div></a>
    </div>
    <div style="text-align:center;margin-top: 5%;opacity: 0.6;">登陆后尽享更多权益</div>
    <!-- 底部导航 -->
    <div id="iot-div5" style="width:100%;margin-right: 0.05%;">
		<div><a href="./首页.html"><i class="iconfont">&#xe639;</i><br><span>首页</span></a></div>
		<div><a href="./分类.html"><i class="iconfont">&#xe659;</i><br><span>分类</span></a></div>
		<div><a href="./购物车.html"><i class="iconfont">&#xe62c;</i><br><span>购物车</span></a></div>
		<div style="color: red;"><i class="iconfont">&#xe600;</i><br><span>我的</span></div>
	</div>
</body>
<script src="./通用/头部标识.js" type="module"></script>
<script src="./通用/底部导航.js" type="module"></script>
<script src="./rem.js" type="module"></script>
<!-- <script>
        var a = document.createElement("a");
        var onload = document.getElementById("iot-onload")
        onload.appendChild(a);
        a.href = "./登陆后.html"
</script> -->
</html>